<#systemSituation globalInfo="${globalInfo}"/>
<link rel="stylesheet" href="/static/css/metroStyle.css">
<!-- widget grid -->
<section>

    <!-- row -->
    <div class="row">

        <!-- NEW WIDGET START -->
        <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

            <div class="jarviswidget jarviswidget-color-blueDark" data-widget-editbutton="false">
                <header>
                    <span class="widget-icon"> <i class="fa fa-table"></i> </span>

                    <h2>任务列表 </h2>

                </header>

                <div>

                    <!-- widget edit box -->
                    <div class="jarviswidget-editbox">
                        <!-- This area used as dropdown edit box -->
                    </div>
                    <!-- end widget edit box -->

                    <!-- widget content -->
                    <div class="inbox-body no-content-padding" id="schedulePage">
                        <div class="inbox-side-bar bordered" style="padding-left: 4px;">
                            <div id="scheduleTree" class="ztree">
                            </div>
                        </div>
                        <div class="table-wrap custom-scroll animated fast fadeInRight">
                        </div>

                    </div>

                </div>
            </div>

        </article>
        <!-- WIDGET END -->
    </div>
    <!-- end row -->
</section>
<!-- end widget grid -->

<!-- #Cron CONTENT -->
<div id="cron-dialog" class="well dialog-well" style="display: none;">

    <section id="widget-grid" class="">
        <style>
            .smart-form section {
                margin-bottom: 2px;
                position: relative;
            }

            .spinner-o {
                height: 25px !important;;
                width: 100px !important;;
            }

            .spinner-k {
                height: 25px !important;;
                width: 60px !important;;
            }

            .smart-form .col-1-5 {
                width: 14.25%;
            }

        </style>
        <!-- row -->
        <div class="row">

            <!-- NEW WIDGET START -->
            <article class="col-sm-12">

                <!-- Widget ID (each widget will need unique ID)-->
                <div class="" style="margin: 0 0 10px 0;">

                    <!-- widget div-->
                    <div>
                        <!-- widget content -->
                        <div class="widget-body">
                            <ul class="nav nav-tabs bordered">
                                <li class="active">
                                    <a href="#s1" data-toggle="tab">秒 <span class="badge bg-color-blue txt-color-white">s</span></a>
                                </li>
                                <li>
                                    <a href="#s2" data-toggle="tab">分钟 <span
                                            class="badge bg-color-blue txt-color-white">M</span></a>
                                </li>
                                <li>
                                    <a href="#s3" data-toggle="tab">小时 <span
                                            class="badge bg-color-blue txt-color-white">H</span></a>
                                </li>
                                <li>
                                    <a href="#s4" data-toggle="tab">天 <span class="badge bg-color-blue txt-color-white">D</span></a>
                                </li>
                                <li>
                                    <a href="#s5" data-toggle="tab">月 <span class="badge bg-color-blue txt-color-white">m</span></a>
                                </li>
                                <li>
                                    <a href="#s6" data-toggle="tab">星期 <span
                                            class="badge bg-color-blue txt-color-white">W</span></a>
                                </li>
                                <li>
                                    <a href="#s7" data-toggle="tab">年 <span class="badge bg-color-blue txt-color-white">y</span></a>
                                </li>
                                <li class="pull-right" rel="tooltip" data-placement="bottom"
                                    data-original-title="帮助信息">
                                    <a href="javascript:void(0);" id="cronHelper">
                                        <i class="fa fa-question fa-2x fa-fw" aria-hidden="true"></i>
                                        <span class="sr-only">Refreshing...</span>
                                    </a>
                                </li>
                            </ul>

                            <div class="tab-content padding-10">
                                <div class="tab-pane fade in active" id="s1">
                                    <form class="smart-form form-inline" role="form">
                                        <fieldset style="padding-top: 10px">
                                            <section>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="everyTime" checked="checked"
                                                                       name="second">
                                                                <i></i><strong class="text-info">每秒触发</strong> 允许的通配符[
                                                                <code> , - * / </code> ] </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="cycle" name="second">
                                                                <i></i><strong class="text-info">循环触发</strong> 从</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleSecondStart"
                                                                   class="form-control spinner spinner-second"
                                                                   value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px;">秒 ~ </strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleSecondEnd"
                                                                   class="form-control spinner spinner-second"
                                                                   value="2">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>秒</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="startOn" name="second">
                                                                <i></i><strong class="text-info">递增触发</strong> 从</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrSecondStart"
                                                                   class="form-control spinner spinner-second"
                                                                   value="0">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px;">秒开始,每</strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrSecondEnd"
                                                                   class="form-control spinner spinner-second"
                                                                   value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>秒钟执行一次</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row secondList">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="appoint" name="second">
                                                                <i></i><strong class="text-info">指定秒触发</strong></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </fieldset>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="s2">
                                    <form class="smart-form form-inline" role="form">
                                        <fieldset style="padding-top: 10px">
                                            <section>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="everyTime" checked="checked"
                                                                       name="min">
                                                                <i></i><strong class="text-info">每分触发</strong> 允许的通配符[
                                                                <code> , - * / </code> ] </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="cycle" name="min">
                                                                <i></i><strong class="text-info">循环触发</strong> 从</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleMinStart"
                                                                   class="form-control spinner spinner-second"
                                                                   value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px;">分~</strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleMinEnd"
                                                                   class="form-control spinner spinner-second"
                                                                   value="2">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>分</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="startOn" name="min">
                                                                <i></i><strong class="text-info">递增触发</strong> 从</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrMinStart"
                                                                   class="form-control spinner spinner-second"
                                                                   value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px;">分开始,每</strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrMinEnd"
                                                                   class="form-control spinner spinner-second"
                                                                   value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>分钟执行一次</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row minList">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="appoint" name="min">
                                                                <i></i><strong class="text-info">指定分触发</strong></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </fieldset>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="s3">
                                    <form class="smart-form form-inline" role="form">
                                        <fieldset style="padding-top: 10px">
                                            <section>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="everyTime" checked="checked"
                                                                       name="hour">
                                                                <i></i><strong class="text-info">每时触发</strong> 允许的通配符[
                                                                <code>, - * / L # </code> ] </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="cycle" name="hour">
                                                                <i></i><strong class="text-info">循环触发</strong> 从</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleHourStart"
                                                                   class="form-control spinner spinner-hour" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px;">时 ~ </strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleHourEnd"
                                                                   class="form-control spinner spinner-hour" value="2">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>时</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="startOn" name="hour">
                                                                <i></i><strong class="text-info">递增触发</strong> 从</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrHourStart"
                                                                   class="form-control spinner spinner-hour" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px;">时开始，每</strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrHourEnd"
                                                                   class="form-control spinner spinner-hour" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>小时触发一次</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row hourList">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="appoint" name="hour">
                                                                <i></i><strong class="text-info">指定时触发</strong></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </fieldset>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="s4">
                                    <form class="smart-form form-inline" role="form">
                                        <fieldset style="padding-top: 10px">
                                            <section>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="everyTime" checked="checked"
                                                                       name="day">
                                                                <i></i><strong class="text-info">每日触发</strong> 允许的通配符[
                                                                <code> , - * / L W </code> ] </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="unAppoint" name="day">
                                                                <i></i><strong class="text-info">不指定</strong></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="cycle" name="day">
                                                                <i></i><strong class="text-info">循环触发</strong> 从</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleDayStart"
                                                                   class="form-control spinner spinner-day" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px;">日~</strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleDayEnd"
                                                                   class="form-control spinner spinner-day" value="2">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>日</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="startOn" name="day">
                                                                <i></i><strong class="text-info">递增触发</strong> 从</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrDayStart"
                                                                   class="form-control spinner spinner-day" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px;">日开始，每</strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrDayEnd"
                                                                   class="form-control spinner spinner-day" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>天执行一次</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="workDay" name="day">
                                                                <i></i><strong class="text-info">最近工作日触发</strong>
                                                                每月</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="workdaySpinner"
                                                                   class="form-control spinner spinner-day" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>号最近的那个工作日</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="lastDay" name="day">
                                                                <i></i><strong
                                                                    class="text-info">本月最后一天触发</strong></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row dayList">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="appoint" name="day">
                                                                <i></i><strong class="text-info">指定触发</strong></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </fieldset>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="s5">
                                    <form class="smart-form form-inline" role="form">
                                        <fieldset style="padding-top: 10px">
                                            <section>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="everyTime" checked="checked"
                                                                       name="month">
                                                                <i></i><strong class="text-info">每月触发</strong> 允许的通配符[
                                                                <code> , - * / </code> ] </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="unAppoint" name="month">
                                                                <i></i><strong class="text-info">不指定</strong></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="cycle" name="month">
                                                                <i></i><strong class="text-info">循环触发</strong> 从</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleMonthStart"
                                                                   class="form-control spinner spinner-month" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin:0 5px;">月 ~ </strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleMonthEnd"
                                                                   class="form-control spinner spinner-month" value="2">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>月</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="startOn" name="month">
                                                                <i></i><strong class="text-info">递增触发</strong> 从</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrMonthStart"
                                                                   class="form-control spinner spinner-month" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin:0 5px;">月开始,每</strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrMonthEnd"
                                                                   class="form-control spinner spinner-month" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>月执行一次</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row monthList">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="appoint" name="month">
                                                                <i></i><strong class="text-info">指定月触发</strong></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </fieldset>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="s6">
                                    <form class="smart-form form-inline" role="form">
                                        <fieldset style="padding-top: 10px">
                                            <section>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="everyTime" checked="checked"
                                                                       name="week">
                                                                <i></i><strong class="text-info">每周触发</strong> 允许的通配符[
                                                                <code>, - * / L # </code> ] </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="unAppoint" name="week">
                                                                <i></i><strong class="text-info">不指定</strong></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="cycle" name="week">
                                                                <i></i><strong class="text-info">循环触发</strong>
                                                                从星期</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleWeekStart"
                                                                   class="form-control spinner spinner-week" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px"> ~ </strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleWeekEnd"
                                                                   class="form-control spinner spinner-week" value="2">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="startOn" name="week">
                                                                <i></i><strong class="text-info">递增触发</strong>
                                                                从周</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrWeekStart"
                                                                   class="form-control spinner spinner-week" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px">开始,每</strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="incrWeekEnd"
                                                                   class="form-control spinner spinner-week" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong>天执行一次</strong>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="weekOfDay" name="week">
                                                                <i></i><strong class="text-info">序号触发</strong>
                                                                每月第</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="orderWeekStart"
                                                                   class="form-control spinner spinner-week-count"
                                                                   value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px">周 的星期</strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="orderWeekEnd"
                                                                   class="form-control spinner spinner-week" value="1">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="lastWeek" name="week">
                                                                <i></i><strong class="text-info">最后触发</strong> 本月最后一个星期</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="lastWeekSpinner"
                                                                   class="form-control spinner spinner-week" value="1">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row weekList">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="appoint" name="week">
                                                                <i></i><strong class="text-info">指定触发</strong></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </fieldset>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="s7">
                                    <form class="smart-form form-inline" role="form">
                                        <fieldset style="padding-top: 10px">
                                            <section>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="unAppoint" checked="checked"
                                                                       name="year">
                                                                <i></i><strong class="text-info">不指定</strong> 允许的通配符 [
                                                                <code>, - * / </code> ] 非必填</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="everyTime" name="year">
                                                                <i></i><strong class="text-info">每年触发</strong></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-10 margin-top-5 margin-bottom-5">
                                                        <div class="form-group">
                                                            <label class="radio" style="padding-left:8px;">
                                                                <input type="radio" class="cycle" name="year">
                                                                <i></i><strong class="text-info">循环触发</strong> 从</label>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleYearStart"
                                                                   class="form-control spinner spinner-year"
                                                                   name="spinner-decimal" value="2016">
                                                        </div>
                                                        <div class="form-group">
                                                            <strong style="margin: 0 5px"> ~ </strong>
                                                        </div>
                                                        <div class="form-group">
                                                            <input id="cycleYearEnd"
                                                                   class="form-control spinner spinner-year"
                                                                   name="spinner-decimal" value="2017">
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        </fieldset>
                                    </form>
                                </div>
                            </div>

                        </div>
                        <!-- end widget content -->

                    </div>
                    <!-- end widget div -->

                </div>
                <!-- end widget -->

            </article>
            <!-- WIDGET END -->

        </div>

        <!-- row -->
        <div class="row">

            <!-- NEW WIDGET START -->
            <article class="col-sm-12">

                <!-- Widget ID (each widget will need unique ID)-->
                <div class="well">

                    <header>
                        <span> <i class="fa fa-hand-o-up"></i> </span>

                    </header>
                    <!-- widget content -->
                    <div class="widget-body">
                        <h1>表达式展示</h1>

                        <div class="alert alert-block alert-success">
                            <p>
                                通过上面的字段选择,可以生成Cron表达式,也可以通过表达式反解析到上面的选择操作.
                            </p>
                        </div>

                        <form action="" class="smart-form">

                            <fieldset style="padding-top: 12px;">
                                <div class="row">
                                    <section class="col col-2">
                                        <div class="row">
                                            <div class="col col-12">
                                                <div class="text-center">
                                                    &nbsp;
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <section class="col col-12">
                                                <div class="text-info text-center padding-top-15">
                                                    表达式字段:
                                                </div>
                                            </section>
                                        </div>
                                    </section>
                                    <section class="col col-10">
                                        <div class="row">
                                            <div class="col col-1-5 padding-bottom-10">
                                                <div class="text-center">
                                                    秒
                                                </div>
                                            </div>
                                            <div class="col col-1-5">
                                                <div class="text-center">
                                                    分钟
                                                </div>
                                            </div>
                                            <div class="col col-1-5">
                                                <div class="text-center">
                                                    小时
                                                </div>
                                            </div>
                                            <div class="col col-1-5">
                                                <div class="text-center">
                                                    日
                                                </div>
                                            </div>
                                            <div class="col col-1-5">
                                                <div class="text-center">
                                                    月
                                                </div>
                                            </div>
                                            <div class="col col-1-5">
                                                <div class="text-center">
                                                    星期
                                                </div>
                                            </div>
                                            <div class="col col-1-5">
                                                <div class="text-center">
                                                    年
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <section class="col col-1-5">
                                                <label class="input">
                                                    <input type="text" name="v_second" value="*" placeholder="*"
                                                           readonly="readonly">
                                                </label>
                                            </section>
                                            <section class="col col-1-5">
                                                <label class="input">
                                                    <input type="text" name="v_min" value="*" placeholder="*"
                                                           readonly="readonly">
                                                </label>
                                            </section>
                                            <section class="col col-1-5">
                                                <label class="input">
                                                    <input type="text" name="v_hour" value="*" placeholder="*"
                                                           readonly="readonly">
                                                </label>
                                            </section>
                                            <section class="col col-1-5">
                                                <label class="input">
                                                    <input type="text" name="v_day" value="*" placeholder="*"
                                                           readonly="readonly">
                                                </label>
                                            </section>
                                            <section class="col col-1-5">
                                                <label class="input">
                                                    <input type="text" name="v_month" value="*" placeholder="*"
                                                           readonly="readonly">
                                                </label>
                                            </section>
                                            <section class="col col-1-5">
                                                <label class="input">
                                                    <input type="text" name="v_week" value="?" placeholder="?"
                                                           readonly="readonly">
                                                </label>
                                            </section>
                                            <section class="col col-1-5">
                                                <label class="input">
                                                    <input type="text" name="v_year" value="" placeholder=""
                                                           readonly="readonly">
                                                </label>
                                            </section>
                                        </div>
                                    </section>
                                </div>
                                <div class="row margin-top-5">
                                    <section class="col col-2">
                                        <div class="row">
                                            <div class="col col-12">
                                                <div class="text-center text-info" style="padding-top: 5px">
                                                    Cron表达式:
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                    <section class="col col-8">
                                        <label class="input">
                                            <i class="icon-append fa fa-calendar-check-o"></i>
                                            <input type="text" id="cron" name="cron" placeholder="* * * * * ?">
                                            <b class="tooltip tooltip-bottom-right">任务的执行cron表达式,必须设置</b>
                                        </label>
                                    </section>
                                    <section class="col col-2">
                                        <button type="button" id="btnFan" class="btn btn-success btn-sm">
                                            反解析到UI
                                        </button>
                                    </section>
                                </div>
                            </fieldset>

                            <fieldset>
                                <section>
                                    <label class="label"><span class="text-info">之后5次运行时间:</span></label>
                                    <label class="textarea textarea-resizable state-disabled">
                                        <textarea rows="5" id="runTime" disabled="disabled"></textarea>
                                    </label>

                                    <div class="note ">
                                        <strong class="text-success">提示:</strong> 展示当前选择的Cron表达式的最近的5次运行时间.
                                    </div>
                                </section>
                            </fieldset>

                        </form>

                    </div>
                    <!-- end widget content -->

                </div>
                <!-- end widget -->

            </article>
            <!-- WIDGET END -->

        </div>
    </section>
</div>

<script type="text/javascript">

    /* DO NOT REMOVE : GLOBAL FUNCTIONS!
     *
     * pageSetUp(); WILL CALL THE FOLLOWING FUNCTIONS
     *
     * // activate tooltips
     * $("[rel=tooltip]").tooltip();
     *
     * // activate popovers
     * $("[rel=popover]").popover();
     *
     * // activate popovers with hover states
     * $("[rel=popover-hover]").popover({ trigger: "hover" });
     *
     * // activate inline charts
     * runAllCharts();
     *
     * // setup widgets
     * setup_widgets_desktop();
     *
     * // run form elements
     * runAllForms();
     *
     ********************************
     *
     * pageSetUp() is needed whenever you load a page.
     * It initializes and checks for all basic elements of the page
     * and makes rendering easier.
     *
     */
    pageSetUp();

    /*
     * ALL PAGE RELATED SCRIPTS CAN GO BELOW HERE
     */
    // PAGE RELATED SCRIPTS
    // pagefunction
    var pagefunction = function () {

        var $page = $('#schedulePage');

        // fix table height
        tableHeightSize();

        $(window).resize(function () {
            tableHeightSize()
        });

        // 发送请求，取得schedule的数据
        $.ajax({
            url: '${ctx}/tools/schedule/treeData',
            type: 'post',
            // json格式要求严格验证
            dataType: "json",
            success: function (result) {
                build(result);
            },
            error: function (xhr, error) {
                console.info('tree load data error.' + error);
            }
        });

        /**
         * 构造树
         */
        function build(zNodes) {
            // tree params
            var setting = {
                view: {
                    selectedMulti: false, dblClickExpand: false,
                    nameIsHTML: true,
                    showIcon: false,
                    showTitle: false
                },
                check: {
                    enable: false
                },
                // {id, pId, name}
                data: {simpleData: {enable: true}},
                callback: {
                    onClick: function (event, treeId, treeNode) {
                        // 获取当前节点下的列表
                        if (treeNode && treeNode.type != null) {
                            if (treeNode.type == 0) {
                                // group
                                loadURL('${ctx}/tools/schedule/table?group=' + encodeURIComponent(treeNode.id),
                                        $page.find(' > .table-wrap'));

                            } else {
                                // job
                                loadURL('${ctx}/tools/schedule/form?name=' + encodeURIComponent(treeNode.id)
                                        + "&group=" + encodeURIComponent(treeNode.pId),
                                        $page.find(' > .table-wrap'));
                            }
                        }
                    }
                }
            };
            // 初始化树结构
            var scheduleTree = $.fn.zTree.init($('#scheduleTree'), setting, zNodes);

            // 默认展开一级节点
            var nodes = scheduleTree.getNodesByParam("level", 0);
            for (var i = 0; i < nodes.length; i++) {
                scheduleTree.expandNode(nodes[i], true, false, false);
            }
            // 默认选中根节点
            var node = scheduleTree.getNodeByParam("id", "root");
            if (node) {
                scheduleTree.selectNode(node);
                $("#" + node.tId + "_a").click();
            }
        }

        /**
         * 初始化cron选择器
         */
        function initCron() {
            // Spinners
            $(".spinner-year").spinner({
                min: 2016,
                max: 2999,
                step: 1,
                numberFormat: "n"
            }).addClass('spinner-o');
            $(".spinner-month").spinner({
                min: 1,
                max: 12,
                step: 1,
                numberFormat: "n"
            }).addClass('spinner-k');
            $(".spinner-week").spinner({
                min: 1,
                max: 7,
                step: 1,
                numberFormat: "n"
            }).addClass('spinner-k');
            $(".spinner-week-count").spinner({
                min: 1,
                max: 5,
                step: 1,
                numberFormat: "n"
            }).addClass('spinner-k');
            $(".spinner-day").spinner({
                min: 1,
                max: 31,
                step: 1,
                numberFormat: "n"
            }).addClass('spinner-k');
            $(".spinner-hour").spinner({
                min: 0,
                max: 23,
                step: 1,
                numberFormat: "n"
            }).addClass('spinner-k');
            $(".spinner-second").spinner({
                min: 0,
                max: 59,
                step: 1,
                numberFormat: "n"
            }).addClass('spinner-k');

            // Html信息
            var htmlStart =
                    '<div class="col-sm-12 col-md-10" style="margin-left: 60px;">' +
                    '    <section>' +
                    '        <div class="inline-group">';
            var htmlEnd =
                    '        </div>' +
                    '    </section>' +
                    '</div>';
            var tempS1 =
                    '<label class="checkbox">' +
                    '    <input type="checkbox" name="checkbox-inline" value="';
            var tempS2 =
                    '"><i></i>&nbsp;&nbsp; ';
            var tempS3 =
                    '</label>';

            // 对齐
            function trans(num) {
                if (num < 10) {
                    return "0" + num;
                }
                return num;
            }

            // 构造秒按钮
            var htmlInfo = "";
            for (i = 0; i < 60; i++) {
                if (i % 10 == 0) {
                    htmlInfo += htmlStart;
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                } else if (i % 10 == 9) {
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                    htmlInfo += htmlEnd;
                } else {
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                }
            }
            // 秒
            $('.secondList').append(htmlInfo);
            // 分
            $('.minList').append(htmlInfo);
            // 构造小时按钮
            htmlInfo = "";
            for (var i = 0; i < 24; i++) {
                if (i % 8 == 0) {
                    htmlInfo += htmlStart;
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                } else if (i % 8 == 7) {
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                    htmlInfo += htmlEnd;
                } else {
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                }
                if (i == 23) {
                    htmlInfo += htmlEnd;
                }
            }
            // 小时
            $('.hourList').append(htmlInfo);

            // 构造天按钮
            htmlInfo = "";
            for (i = 1; i < 32; i++) {
                if (i % 8 == 1) {
                    htmlInfo += htmlStart;
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                } else if (i % 8 == 0) {
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                    htmlInfo += htmlEnd;
                } else {
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                }
                if (i == 31) {
                    htmlInfo += htmlEnd;
                }
            }
            // 天
            $('.dayList').append(htmlInfo);

            // 构造月按钮
            htmlInfo = "";
            for (i = 1; i < 13; i++) {
                if (i % 6 == 1) {
                    htmlInfo += htmlStart;
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                } else if (i % 6 == 0) {
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                    htmlInfo += htmlEnd;
                } else {
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                }
            }
            // 月
            $('.monthList').append(htmlInfo);

            // 构造周按钮
            htmlInfo = "";
            for (i = 1; i < 8; i++) {
                if (i % 10 == 1) {
                    htmlInfo += htmlStart;
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                } else {
                    htmlInfo += tempS1 + i + tempS2 + trans(i) + tempS3;
                }
                if (i == 7) {
                    htmlInfo += htmlEnd;
                }
            }
            // 周
            $('.weekList').append(htmlInfo);
        }

        initCron();
        // 加载事件
        loadScript("/static/js/views/cron.js");

        function cronSel(val) {
            // 添加cron对话框
            layer.open({
                type: 1,
                title: "设置Cron表达式",
                shadeClose: false,
                shade: 0.4,
                area: ['900px', '600px'],
                maxmin: true,
                content: $('#cron-dialog'),
                btn: ['确定', '取消'],
                success: function () {
                    // 设置cron信息
                    $('#cron').val(val);
                    $('#cron').trigger('change');
                },
                end: function () {
                    // 清除cron信息
                    $('#cron').val('');
                },
                yes: function (index) { //或者使用btn1
                    // 按钮【确定】的回调
                    var cres = $('#cron').val();
                    if (cres == null || cres == '') {
                        parent.messageBox("Cron表达式不可为空.", "error");
                        return;
                    }
                    $("#schedule-form").find('input[name=cron]').val(cres);
                    layer.close(index);
                },
                cancel: function (index) { //或者使用btn2
                    // 按钮【取消】的回调
                    layer.close(index);
                }
            });
        }

        // helper action
        $('#cronHelper').on('click', function () {
            layer.open({
                type: 2,
                title: 'Cron表达式帮助',
                shadeClose: false,
                btn: ['关闭'],
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['1150px', '650px'],
                content: '${ctx}/tools/cron/help'
            });
        });
        // 表达式变化后获取执行时间
        $('#cron').change(function () {
            $('#btnFan').trigger('click');
            // 设置最近五次运行时间
            $.ajax({
                type: 'get',
                url: "${ctx}/tools/cron/parse",
                dataType: "json",
                data: {"cronExpression": $("#cron").val()},
                success: function (data) {
                    if (data && data['scheduleTimes'] && data['scheduleTimes'].length > 0) {
                        var strHTML = "";
                        for (var i = 0; i < data['scheduleTimes'].length && i < 5; i++) {
                            strHTML += "第" + (i + 1) + "次:  " + data['scheduleTimes'][i] + "\n";
                        }
                        strHTML += "";
                        $("#runTime").val(strHTML);
                    } else {
                        $("#runTime").val("");
                    }
                }
            });
        });

        // 注册
        window.cronSel = cronSel;
    };

    // destroy generated instances
    // pagedestroy is called automatically before loading a new page
    // only usable in AJAX version!
    var pagedestroy = function () {
        // 销毁
        window.cronSel = undefined;
    };
    // end destroy

    // load related plugins
    loadScript("/static/js/plugin/jquery-tree/jquery.ztree.all-3.5.js", function () {
        loadScript("/static/js/plugin/jquery-tree/jquery.ztree.exhide-3.5.js", pagefunction);
    });

</script>